
<!--<template>-->

<!--<baidu-map class="map" :center="{lng: 116.404, lat: 39.915}" :zoom="15">-->
<!--<bm-geolocation anchor="BMAP_ANCHOR_BOTTOM_RIGHT" :showAddressBar="true" :autoLocation="true"></bm-geolocation>-->
<!--<bm-marker :position="{lng: 116.404, lat: 39.915}" :dragging="true" animation="BMAP_ANIMATION_BOUNCE">-->
<!--<bm-label content="我爱北京天安门" :labelStyle="{color: 'red', fontSize : '24px'}" :offset="{width: -35, height: 30}"/>-->
<!--</bm-marker>-->
<!--</baidu-map>-->




<!--<baidu-map class="map" center="北京">-->
<!--<bm-geolocation anchor="BMAP_ANCHOR_BOTTOM_RIGHT" :showAddressBar="true" :autoLocation="true"></bm-geolocation>-->
<!--</baidu-map>-->
<!--</template>-->
<!--<style>-->
<!--.map {-->
<!--width: 100%;-->
<!--height: 400px;-->
<!--}-->
<!--</style>-->

<!--<template>-->
  <!--<baidu-map class="map" :center="center" :zoom="zoom" @ready="handler">-->
    <!--　　　　<bm-geolocation anchor="BMAP_ANCHOR_BOTTOM_RIGHT" :showAddressBar="true" :autoLocation="true"></bm-geolocation>-->
    <!--　　</baidu-map>-->
<!--</template>-->
<!--<script>-->
  <!--export default {-->
    <!--data () {-->
      <!--return {-->
        <!--center: {lng: 0, lat: 0},-->
        <!--zoom: 3-->
      <!--}-->
    <!--},-->
    <!--methods: {-->
      <!--handler ({BMap, map}) {-->
        <!--console.log(BMap, map)-->
        <!--this.center.lng = 116.404-->
        <!--this.center.lat = 39.915-->
        <!--this.zoom = 15-->
      <!--}-->
    <!--}-->
  <!--}-->
<!--</script>-->
<!--<style>-->

  <!--.map {-->
      <!--width: 100%;-->
      <!--height: 400px;-->
      <!--}-->
  <!--.anchorBL {-->
    <!--　display: none;-->
  <!--}-->
<!--</style>-->



<template>
  <baidu-map class="map" :center="center" :zoom="zoom" @ready="handler" :scroll-wheel-zoom="true">
    <bm-geolocation anchor="BMAP_ANCHOR_BOTTOM_RIGHT" :showAddressBar="false" :autoLocation="true"
                    :locationIcon="{url: require('../assets/img/loc.png'), size: {width: 18, height: 18}}"
                   >
    </bm-geolocation>
    <bm-marker :position="center" :dragging="true" >
      <bm-label content="" :labelStyle="{color: 'red', fontSize : '24px'}" :offset="{width: -35, height: 30}"/>
    </bm-marker>
  </baidu-map>
</template>
<script>
  export default {
    data () {
      return {
        // 省略一部分
        center: {lng: 116.404, lat: 39.915},
        zoom: 15,
        autoLocationPoint: {lng: 0, lat: 0},
        initLocation: false,
        enableHighAccuracy:false
      }
    },
    methods: {
      handler ({BMap, map}) {
        let _this = this;  // 设置一个临时变量指向vue实例，因为在百度地图回调里使用this，指向的不是vue实例；
        var geolocation = new BMap.Geolocation();
        geolocation.getCurrentPosition(function(r){
          _this.center = {lng: r.longitude, lat: r.latitude};   // 设置center属性值
          _this.autoLocationPoint = {lng: r.longitude, lat: r.latitude};   // 自定义覆盖物
          _this.initLocation = true;
          _this.zoom=20
         // console.log('center:', _this.center)  // 如果这里直接使用this是不行的

            var lat=_this.center.lat
            var lng=_this.center.lng
            console.log(lat+"T"+lng)


            var location=lat+"*"+lng
            var id=_this.$route.query.mallCode
            axios.post('/company/upLocation',{
              id : id,
              location : location
            }).then((response) => {
              console.log(response.data);
              if( response.data.states == 800){
                _this.$notify({
                 // title: '位置信息录入成功',
                  message: '位置信息录入成功成功',
                  type: 'success',
                  duration:2000
                });

                setTimeout(()=>{
                  _this.$router.replace({
                    path: '/ProjectManageing',
                  })
                },1500)


              }
              else{
                this.$notify({
                  title: '失败',
                  message: '错误',
                  type: 'warning',
                  duration:2000
                });
              }
            })
        },
          {enableHighAccuracy: true}

        )


        // let location=lat+lng
        // console.log(location)






      }
    }
  }
</script>
<style>

.map {
width: 100%;
height: 400px;
}
.anchorBL {
　display: none;
}
</style>
